import React, {Component} from 'react'
import WaterWave from '../../components/WaterWave';
import './index.less'

class WaterWave1 extends Component{
  constructor(props){
    super(props)
    this.state={}
  }
  render(){
    return (
      <div className='waterwave1'>
        <ul>
          <li><WaterWave type="circle" /></li>
          <li style={{ marginTop: '5px' }}><WaterWave type="star" /></li>
          <li style={{ marginTop: '22px', marginLeft: '-10px' }}><WaterWave type="roundRect" /></li>
          <li style={{ marginTop: '5px', marginLeft: '-170px' }}><WaterWave type="heart" /></li>
        </ul>
      </div>
    )
  }
}

export default WaterWave1
